<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/fitst.css">
</head>
<body>
    <div class="index clearfix inner" id="index">
        <div class="left fl">
            <img src="./images/course_tab5.png" alt="" class="logo fl">
            <div class="nav fl">
                <a href="./index.html">
                    <span class="pitch-on">首页</span>
                </a>
                <a href="./sync_class.html">
                    <span>同步课程</span>
                </a>
                <a href="./math-buy.html">
                    <span>在线练习</span>
                </a>
                <a href="#">
                    <span>精品课程</span>

                </a>
            </div>
        </div>
        <div class="right fr">
            <div class="search fl">
                <span class="fl">课程</span>
                <input class="fl" type="text" name="search">
                <i class="iconfont icon-sousuo"></i>
                <b class="iconfont icon-sanjiaoxia"></b>
            </div>
            <span class="login fr">
                <a href="#" id="login">登录</a> / <a href="#">注册</a>
            </span>
        </div>
    </div>
    <hr>
    <div class="wrap inner">
        <!-- 最顶端（可能需要固定） -->

        <!-- 轮播图 -->
        <div class="banner"></div>
        <div class="course clearfix">
            <div class="title clearfix">
                <span class="fl"></span>
                <h4 class="fl">
                    同步课程
                </h4>
                <div class="right fr">
                    <i>更多课程</i>
                    <b class="iconfont icon-sanjiaoyou"></b>
                </div>
            </div>
            <ul class="tab-small clearfix">
                <li class="fl">
                    <img src="./images/course_tab1 .jpg" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
                <li class="fl">
                    <img src="./images/course_tab2.jpg" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
                <li class="fl">
                    <img src="./images/course_tab3.png" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
                <li class="fl margin-right">
                    <img src="./images/course_tab4.jpg" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
                <li class="fl">
                    <img src="./images/course_tab5.png" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
                <li class="fl">
                    <img src="./images/course_tab1 .jpg" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
                <li class="fl">
                    <img src="./images/course_tab2.jpg" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
                <li class="fl margin-right">
                    <img src="./images/course_tab3.png" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
            </ul>
        </div>
        <div class="banner-ad">
            <div class="font">
                <h4>全面提升听说读写</h4>
                <h2>全能英语挑战</h2>
            </div>
        </div>
        <div class="test">
            <div class="title clearfix">
                <span class="fl"></span>
                <h4 class="fl">
                    在线测试
                </h4>
                <div class="right fr">
                    <i>更多练习</i>
                    <b class="iconfont icon-sanjiaoyou"></b>
                </div>
            </div>
            <ul class="tab clearfix">
                <li class="one clearfix">
                    <div class="font">
                        <h3>2020年6月北京中考试卷</h3>
                        <h4>
                            语文 | 固定试卷题目 | 24试卷
                        </h4>
                        <div class="clearfix">
                            <span class="fl down">1100人已考试</span>
                            <i class="fr">初一</i>
                        </div>
                    </div>
                    <p class="fl">
                        2020年6月北京中考试<br>
                        题
                    </p>
                    <button class="fr">去考试</button>
                </li>
                <li class="clearfix">
                    <div class="font two">
                        <h3>2020年6月天津中考试卷</h3>
                        <h4>
                            数学 | 固定试卷题目 | 24试卷
                        </h4>
                        <div class="clearfix">
                            <span class="fl down">1100人已考试</span>
                            <i class="fr">初一</i>
                        </div>
                    </div>
                    <p class="fl">
                        2020年6月北京中考试<br>
                        题
                    </p>
                    <button class="fr">去考试</button>
                </li>
                <li class="clearfix margin-right">
                    <div class="font thr">
                        <h3>2020年6月呼和浩特中考试卷</h3>
                        <h4>
                            历史 | 固定试卷题目 | 120试卷
                        </h4>
                        <div class="clearfix">
                            <span class="fl down">1100人已考试</span>
                            <i class="fr">初一</i>
                        </div>
                    </div>
                    <p class="fl">
                        2020年6月北京中考试<br>
                        题
                    </p>
                    <button class="fr">去考试</button>
                </li>
                <li class="one clearfix">
                    <div class="font four">
                        <h3>2020年6月上海中考试卷</h3>
                        <h4>
                            物理 | 非固定试卷题目 | 120试卷
                        </h4>
                        <div class="clearfix">
                            <span class="fl down">1100人已考试</span>
                            <i class="fr">初一</i>
                        </div>
                    </div>
                    <p class="fl">
                        2020年6月北京中考试<br>
                        题
                    </p>
                    <button class="fr">去考试</button>
                </li>
                <li class="one clearfix">
                    <div class="font five">
                        <h3>2020年6月石家庄中考试卷</h3>
                        <h4>
                            语文 | 固定试卷题目 | 24试卷
                        </h4>
                        <div class="clearfix">
                            <span class="fl down">1100人已考试</span>
                            <i class="fr">初一</i>
                        </div>
                    </div>
                    <p class="fl">
                        2020年6月北京中考试<br>
                        题
                    </p>
                    <button class="fr">去考试</button>
                </li>
                <li class="one clearfix margin-right">
                    <div class="font six">
                        <h3>2020年6月河南中考试卷</h3>
                        <h4>
                            数学 | 固定试卷题目 | 24试卷
                        </h4>
                        <div class="clearfix">
                            <span class="fl down">1100人已考试</span>
                            <i class="fr">初一</i>
                        </div>
                    </div>
                    <p class="fl">
                        2020年6月北京中考试<br>
                        题
                    </p>
                    <button class="fr">去考试</button>
                </li>
            </ul>
        </div>
        <div class="nice clearfix">
            <div class="title clearfix">
                <span class="fl"></span>
                <h4 class="fl">
                    精品课程
                </h4>
                <div class="right fr">
                    <i>更多课程</i>
                    <b class="iconfont icon-sanjiaoyou"></b>
                </div>
            </div>
            <ul class="tab-small fl">
                <li class="fl">
                    <img src="./images/course_tab1 .jpg" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
                <li class="fl">
                    <img src="./images/course_tab2.jpg" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
                <li class="fl last">
                    <img src="./images/course_tab3.png" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
                <li class="fl">
                    <img src="./images/course_tab4.jpg" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
                <li class="fl">
                    <img src="./images/course_tab5.png" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
                <li class="fl last">
                    <img src="./images/course_tab1 .jpg" alt="">
                    <div class="left fl">
                        <h5>行政管理专业课</h5>
                        <p>23课时</p>
                    </div>
                    <button class="right fr">免费学习</button>
                </li>
            </ul>
            <div class="right-ad fl">
                <img src="./images/nice_ad.png" alt="">
            </div>
        </div>
        <ul class="choice clearfix">
            <li class="first fl">
                <p>同步课程</p>
            </li>
            <li class="sec fl">
                <p>在线测试</p>
            </li>
            <li class="thr fl">
                <p>精品课程</p>
            </li>
        </ul>
    </div>
    <div class="base">
        <p class="nav">
            首页 | 关于我们 | 加入我们 | 合作专区 | 联系我们 | AI开放平台 | 意见反馈 | 漏洞提交 | 隐私政策 | 版权声明 | 反盗链声明 | 网上有害信息举报 | 备案公示 | 营业执照 | 教师资格证公示
        </p>
        <p>
            京ICP备 13030888号 Copyright © 2014-2019 行者信息科技（北京）有限公司 | 地址：北京市新华区马当路388号C座 | 电话：010-66666666 | &nbsp;京公网安备 01010102002533号
        </p>
        <p>
            京网文（2018）4086-308号 | 网络文化经营许可证：沪网文[2018]4086-108号 | 增值电信业务经营许可证：京B2-20150021 | 食品经营许可证：JY310114DD88888 
        </p>
        <p>
            医疗器械经营许可证：京嘉食药监械经营许20188008号 | 互联网药品信息服务资格证书：(京)0经营性-2018-0011 |
        </p>
    </div>
    <div class="fixed">
        <a href="./my-user.html">
            <div class="top">
                <div class="iconfont icon-kecheng"></div>
                <p>我的课程</p>
            </div>
        </a>
        <a href="./test-paper.html">
            <div class="center">
                <div class="iconfont icon-kaoshi-yimidida-"></div>
                <p>我的考试</p>
            </div>
        </a>
        <a href="./index.html#index">
            <div class="bottom">
                <div class="iconfont icon-jiantoushang"></div>
                <p>返回顶部</p>
            </div>
        </a>
    </div>
    <div class="loginer">
        <div class="cover"></div>
        <div class="content">
            <div class="off"></div>
            <img class="logo" src="./images/logo.png" alt="">
            <hr>
            <h3>
                使用第三方软件登录
            </h3>
            <div class="login-thr">
                <img  src="./images/login_weixin.png" alt="">
                <img class="center" src="./images/login_QQ.png" alt="">
                <img src="./images/login_weibo.png" alt="">
            </div>
            <hr>
            <h3>
                使用手机号登录
            </h3>
            <div class="form clearfix">
                <form action="#">
                    <input type="tel" name="usertel" placeholder="请输入您的手机号">
                    <input type="password" name="userpass" placeholder="请输入密码">
                    <input type="submit" class="btn">
                </form>
                <a href="#" class="nopass fl">忘记密码？</a>
                <a href="#" class="fr">点击注册</a>
                <span class="fr">还没有账号？</span>
            </div>
        </div>
    </div>
</body>
</html>
<script>
    var login=document.querySelectorAll(".index .right .login #login")[0]
    var loginer=document.querySelectorAll(".loginer")[0]
    var loginer_off=document.querySelectorAll(".loginer .content .off")[0]
    login.onclick=function(){
        loginer.style.display="block"
    }
    loginer_off.onclick=function(){
        loginer.style.display="none"
    }
</script>